/*

	Variable Grid System.

	Learn more ~ http://www.spry-soft.com/grids/

	Based on 960 Grid System - http://960.gs/



	Licensed under GPL and MIT.

*/



body {

		background:#fff;

		font-family:Arial, Helvetica, sans-serif;

		font-size:12px;

		text-align:right;

		color:#666;

		margin:0 auto;

		padding:0;

	}

	

img {

	border:none;

}



/* Text

----------------------------------------------------------------------------------------------------*/

alignLeft: {text-align:left;}

alignRight: {text-align:right;}

alignCenter: {text-align:center;}



h1, h2, h3, h4, h5, h6 {

	font-weight:normal;

} 



.inline li {

	list-style:none;

	display:inline;

}



.textGreen {color:#a49a00;}







/* Containers

----------------------------------------------------------------------------------------------------*/

.container_16 {

	margin-left: auto;

	margin-right: auto;

	width: 960px;

}



.header {

	padding:0 0 20px 0;

}



.header img {

	padding:57px 0 0 60px;

	margin:0;

}



.mainNav ul {

	margin:73px 38px 0 0;

	padding:0;

	list-style:none;

}



.mainNav li {

	display:inline;

}



.mainNav a {

	color:#666;

	text-decoration:none;

}



.mainNav a:hover {

	color:#a49a00;

	text-decoration:none;

}



.sideNav ul {

	padding:0;

	list-style:none;

}



.sideNav a {

	color:#666;

	text-decoration:none;

}



.sideNav a:hover {

	color:#a49a00;

	text-decoration:none;

}



a.focus  {

	color:#a49a00;

}



.homeContainer {

	border:1px solid #666;

	padding:0 10px;

	text-align:right;

}



.homeContainer img {

	padding:40px 0 0 0;

}



.homeContainer h2 {

	margin:0px 20px 0 0;

	padding:0;

	color:#a49a00;

	font-size:14px;

}



.homeContainer ul {

	margin-bottom:40px;

}



.homeContainer li {

	width:260px;

	text-align:left;

}



.homeContainer p {

	width:265px;

	margin:0 0 10px 0;

}



.mainContainer {

	border:1px solid #666;

	height:375px;

	padding:0 10px;

	text-align:right;

}



.mainContainer img {

	padding:50px 0 0 0;

}



.mainContainer p {

	width:260px;

}



.mainContainer h2 {

	margin:20px 20px 0 0;

	padding:0;

	color:#a49a00;

	font-size:14px;

}



.home {

	padding-top:40px;

}



.home ul {

	list-style:none;

	text-align:right;

}



.home li {

	text-align:right;

}



.about {

	padding-top:20px;

}

	

.portfolioContainer {

	border:1px solid #666;

	height:375px;

	padding:0px 10px;



	overflow:hidden;

}



.portfolioContainer .sideNav {

	margin:40px 0 0 0;

}



.non-slider {

	margin:50px 0 0 0;

}



.non-slider div {

	float:right;

	width:270px;

}



.non-slider div ul {

	list-style:none;

}



a {

	color:#a49a00;

	text-decoration:none;

}



a:hover {

	color:#a49a00;

	text-decoration:underline;

}



.footer p{

	font-size:12px;

	color:#333;

	text-align:right;

	padding-right:38px;

}



.footer a {

	text-decoration:none;

	color:#a49a00;

}



.footer a:hover {

	text-decoration:underline;

	color:#a49a00;

}



.geo-tags {

	clear:both;

	padding:50px 0 0 0;

	color:#999;

	font-size:10px;

	text-align:left;

}



/* Grid >> Global

----------------------------------------------------------------------------------------------------*/



.grid_1,

.grid_2,

.grid_3,

.grid_4,

.grid_5,

.grid_6,

.grid_7,

.grid_8,

.grid_9,

.grid_10,

.grid_11,

.grid_12,

.grid_13,

.grid_14,

.grid_15,

.grid_16 {

	display:inline;

	float: left;

	position: relative;

	margin-left: 10px;

	margin-right: 10px;

}



/* Grid >> Children (Alpha ~ First, Omega ~ Last)

----------------------------------------------------------------------------------------------------*/



.alpha {

	margin-left: 0;

}



.omega {

	margin-right: 0;

}



/* Grid >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .grid_1 {

	width:40px;

}



.container_16 .grid_2 {

	width:100px;

}



.container_16 .grid_3 {

	width:160px;

}



.container_16 .grid_4 {

	width:220px;

}



.container_16 .grid_5 {

	width:280px;

}



.container_16 .grid_6 {

	width:340px;

}



.container_16 .grid_7 {

	width:400px;

}



.container_16 .grid_8 {

	width:460px;

}



.container_16 .grid_9 {

	width:520px;

}



.container_16 .grid_10 {

	width:580px;

}



.container_16 .grid_11 {

	width:640px;

}



.container_16 .grid_12 {

	width:700px;

}



.container_16 .grid_13 {

	width:760px;

}



.container_16 .grid_14 {

	width:820px;

}



.container_16 .grid_15 {

	width:880px;

}



.container_16 .grid_16 {

	width:940px;

}







/* Prefix Extra Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .prefix_1 {

	padding-left:60px;

}



.container_16 .prefix_2 {

	padding-left:120px;

}



.container_16 .prefix_3 {

	padding-left:180px;

}



.container_16 .prefix_4 {

	padding-left:240px;

}



.container_16 .prefix_5 {

	padding-left:300px;

}



.container_16 .prefix_6 {

	padding-left:360px;

}



.container_16 .prefix_7 {

	padding-left:420px;

}



.container_16 .prefix_8 {

	padding-left:480px;

}



.container_16 .prefix_9 {

	padding-left:540px;

}



.container_16 .prefix_10 {

	padding-left:600px;

}



.container_16 .prefix_11 {

	padding-left:660px;

}



.container_16 .prefix_12 {

	padding-left:720px;

}



.container_16 .prefix_13 {

	padding-left:780px;

}



.container_16 .prefix_14 {

	padding-left:840px;

}



.container_16 .prefix_15 {

	padding-left:900px;

}







/* Suffix Extra Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .suffix_1 {

	padding-right:60px;

}



.container_16 .suffix_2 {

	padding-right:120px;

}



.container_16 .suffix_3 {

	padding-right:180px;

}



.container_16 .suffix_4 {

	padding-right:240px;

}



.container_16 .suffix_5 {

	padding-right:300px;

}



.container_16 .suffix_6 {

	padding-right:360px;

}



.container_16 .suffix_7 {

	padding-right:420px;

}



.container_16 .suffix_8 {

	padding-right:480px;

}



.container_16 .suffix_9 {

	padding-right:540px;

}



.container_16 .suffix_10 {

	padding-right:600px;

}



.container_16 .suffix_11 {

	padding-right:660px;

}



.container_16 .suffix_12 {

	padding-right:720px;

}



.container_16 .suffix_13 {

	padding-right:780px;

}



.container_16 .suffix_14 {

	padding-right:840px;

}



.container_16 .suffix_15 {

	padding-right:900px;

}







/* Push Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .push_1 {

	left:60px;

}



.container_16 .push_2 {

	left:120px;

}



.container_16 .push_3 {

	left:180px;

}



.container_16 .push_4 {

	left:240px;

}



.container_16 .push_5 {

	left:300px;

}



.container_16 .push_6 {

	left:360px;

}



.container_16 .push_7 {

	left:420px;

}



.container_16 .push_8 {

	left:480px;

}



.container_16 .push_9 {

	left:540px;

}



.container_16 .push_10 {

	left:600px;

}



.container_16 .push_11 {

	left:660px;

}



.container_16 .push_12 {

	left:720px;

}



.container_16 .push_13 {

	left:780px;

}



.container_16 .push_14 {

	left:840px;

}



.container_16 .push_15 {

	left:900px;

}







/* Pull Space >> 16 Columns

----------------------------------------------------------------------------------------------------*/



.container_16 .pull_1 {

	left:-60px;

}



.container_16 .pull_2 {

	left:-120px;

}



.container_16 .pull_3 {

	left:-180px;

}



.container_16 .pull_4 {

	left:-240px;

}



.container_16 .pull_5 {

	left:-300px;

}



.container_16 .pull_6 {

	left:-360px;

}



.container_16 .pull_7 {

	left:-420px;

}



.container_16 .pull_8 {

	left:-480px;

}



.container_16 .pull_9 {

	left:-540px;

}



.container_16 .pull_10 {

	left:-600px;

}



.container_16 .pull_11 {

	left:-660px;

}



.container_16 .pull_12 {

	left:-720px;

}



.container_16 .pull_13 {

	left:-780px;

}



.container_16 .pull_14 {

	left:-840px;

}



.container_16 .pull_15 {

	left:-900px;

}













/* Floated Elements

----------------------------------------------------------------------------------------------------*/

.floatLeft {float:left;}

.floatRight {float:right;}

----------------------------------------------------------------------------------------------------*/



/* http://sonspring.com/journal/clearing-floats */



.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */



.clearfix:after {

	clear: both;

	content: ' ';

	display: block;

	font-size: 0;

	line-height: 0;

	visibility: hidden;

	width: 0;

	height: 0;

}



.clearfix {

	display: inline-block;

}



* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}